/*
 * @Description: 
 * @Author: handongliang dongliang.han@12301.cn
 * @Date: 2023-09-08 16:25:09
 * @LastEditTime: 2024-01-05 16:44:59
 */
import './index.less'

const BoxSubTitle: React.FC<{ title?: any, value?: any, suffix?: any, className?: any, color?: any, extra?: any }> =
    ({ title, value, suffix, className, color, extra }) => {
        return <div className={`box-sub-title ${className || ''}`}>
            <div>
                <span className='box-sub-title--fill'>{title}</span>
                {value ?
                    <span className='font-Giorgio pl-[10px] pr-[10px] text-[56px] leading-[16px]'
                        style={{ color: color }}>{value}</span> : null}
                {suffix ? <span className='box-sub-title--fill'>{suffix}</span> : null}
            </div>
            {extra ? extra : null}
        </div>
    }
export default BoxSubTitle